<!html>
<html>
	<head>
		<title>Picov</title>

		<link href="css/fa.min.css" rel="stylesheet">
		<link href="css/rack.css" rel="stylesheet">
		<link href="css/app.css" rel="stylesheet">
	</head>
	<body>
		<div id="app" class="drr wpn jcs aic wpn">
			<div id="mainBox" class="blrBack drc jcc aic wpn">
				<div class="recoBox drr jca aic aca wpw">
					<div class="reco drc jcs ais ace wpn" :class="{ down: reco.down, ding: reco.ding }" v-for="(reco, i) of records" v-show="psub == parseInt(i/20)+1" @click="save(reco)">
						<div class="detail thumb drr jcc aic acc">
							<img
								class="thumb curp"
								:src="'/proxy/thumb?iid='+reco.iid+'&time='+reco.time+'&ugoira='+reco.ugoira"
								:title="reco.iid"
								@error="imgError"
							></img>
						</div>
						<div class="detail drr jcs aic acc">
							<div class="icon jcc aic acc"><i class="fa fa-address-card-o"></i></div>
							<span
								class="text"
								:title="reco.title"
								:style="{ color: (reco.multi ? 'aqua' : (reco.ugoira ? 'violet' : '#E0E2E4'))}"
							>
								{{reco.title}}
							</span>
						</div>
						<div class="detail drr jcs aic acc">
							<div class="icon jcc aic acc"><i class="fa fa-user-o"></i></div>
							<span class="text">{{reco.user}}</span>
						</div>
					</div>
				</div>

				<div class="pageBox jcb aic">
					<a class="prev jcc aic" @click="turn(pageNow, -1)">上一页</a>
					<div class="count jcc aic">
						第<input type="text" ref="pager" v-model="pageNow" @keyup.enter="pageTurn"></input>页
						&nbsp;/&nbsp;{{psub}}&nbsp;子页
					</div>
					<a class="next jcc aic" @click="turn(pageNow, 1)">下一页</a>
				</div>
			</div>
			<div id="naviBox" class="blrNavi">
				<div class="tabBox Dash drc">
					<div class="headBox jca aih wpn">
						<a class="head jcc aic" @click="tabDash=1" v-bind:class="{ active: tabDash==1 }">中心</a>
						<a class="head jcc aic" @click="tabDash=2" v-bind:class="{ active: tabDash==2 }">收藏</a>
						<a class="head jcc aic" @click="tabDash=3" v-bind:class="{ active: tabDash==3 }">关于</a>
					</div>
					<div class="item drc aic jcs wpn" v-if="tabDash==1">
						<div class="wordBox NaviColumn jcb aic wpn">
							<input class="wf word" type="text" ref="worder" placeholder="关键词" v-model="wordNow" @keyup.enter="search"></input>
							<a class="w3 ButtonClick jcc" @click="r18Now = !r18Now" @click="r18Now = !r18Now" >{{r18Now ? 'R18' : '全年龄'}}</a>
							<a class="w4 ButtonClick jcc" @click="search">搜索</a>
						</div>
						<div class="NaviColumn jcb aic wpn">
							<span class="sMean">当前列表：{{pageMean}}</span>
							<div>
								<i class="curp leftHeadButton fa fa-refresh" @click="listAuthorAll" title="清空记录"></i>
								<i class="curp leftHeadButton fa fa-refresh" @click="clear" title="清空记录"></i>
								<i class="curp leftHeadButton fa fa-download" @click="downloadAll" title="全部下载" style="margin-top: 1px;"></i>
								<i class="curp leftHeadButton fa" :class="{'fa-minus-square': logHide, 'fa-plus-square': !logHide}" @click="closeLog" title="隐藏日志" style="margin-top: 1px;"></i>
							</div>
						</div>
						<div class="logBox NaviColumn fs11 clrFontDark drc flex jcs ais wpn">
							<div class="logs fs11 clrFontDark drc flex jcs ais wpn">
								<span :style="{ color: logDict.CountProc.color }">{{logDict.CountProc.text}}</span>
								<span class="log" v-for="log in logs" :style="{ color: log.color }" v-if="logHide">{{log.text}}</span>
							</div>
						</div>
					</div>
					<div class="item drc aic jcs wpn" v-if="tabDash==2">
						<div class="NaviColumn jcb aic wpn">
							<span class="curp aic" @click="pageFollow"><i class="fa fa-tag"></i>关注的作品</span>
						</div>
						<div class="tagBox NaviColumn drc flex jcs ais wpw" v-for="(arr, key) of tags">
							<div class="title aic"><i class="fa fa-tag"></i>{{key}}</div>
							<div div class="tags NaviColumn clrFontDark curp drr flex jcs ais wpw">
								<span class="tag" @click="search(tag[1])" :title="tag[1]" v-for="tag of arr">{{tag[0]}}</span>
							</div>
						</div>
					</div>
					<div class="item drr jcc aic wpn" v-if="tabDash==3">
						<div class="item2 h81p clrFontDark fs20 flex drc jcb aic wpw">
							<div>
								<span class="fs24 fsb clrFont">P</span>icov&nbsp;
							</div>
							<div>
								<span class="fs24 fsb clrFont">Pixiv 浏览器</span>
							</div>
							<div>
								基于<span class="fs24 fsb clrFont">网页</span>
							</div>
							<div>
								自搭建<span class="fs24 fsb clrFont">服务器</span>
							</div>
							<div>
								强迫症患者的
								<span class="fs24 fsb clrFont">抓图工具</span>
							</div>
							<div>
								Make&nbsp;by&nbsp;
								<span class="fs24 fsb clrFont">DanoR</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="js/vue.js"></script>
		<script type="text/javascript" src="js/socket.io.js"></script>

		<script type="text/javascript" src="js/key.js"></script>
		<script type="text/javascript" src="js/app.js"></script>
		<script type="text/javascript" src="js/io.js"></script>
	</body>
</html>